import { useState } from "react";

// type Props = {
//   name: string;
//   age: number;
// };

interface Props {
  name?: string;
  age?: number;
  children: React.ReactNode;
}

function Son(props: Props) {
  const { children } = props;
  return <div>{children}</div>;
}

function App() {
  const [value, toggle] = useState(false);
  const [list, setList] = useState([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
  const handleClick = () => {
    toggle(false);
  };
  return (
    <>
      <div>
        <Son>123</Son>
        this is react app{value},{list}
      </div>
    </>
  );
}

export default App;
